/* 
    Document   : stylesheet
    Created on : 3-aug-2012, 10:09:52
    Author     : brunobonte
    Description:
        Purpose of the stylesheet follows.
*/

/* MAIN */

.root { 
    display: block;
    -fx-font-size: 14pt;
    -fx-font-family: "Gill Sans MT";
}

/* BorderPane */
#containerBP {
/*     -fx-background-image: url("../images/background.png"); */
}

/* scenario title */
#titleBox {
    -fx-font-family: "Arial Narrow";
    -fx-font-size: 24pt;
    -fx-background-color: transparent;
} 

/*
#scenarioTextArea {
    -fx-padding: 10;
    -fx-border-width: 0;
    -fx-outer-border: transparent;
    -fx-focus-color: transparent;
    -fx-text-box-border:transparent;
    -fx-shadow-highlight-color:transparent;
    -fx-control-inner-background:transparent;
    -fx-text-alignment: center;
    font-size: 16pt;
}
*/

#scenarioTextLabel {
    -fx-padding: 10 20 10 20; /* top, right, bottom, left */
    -fx-text-alignment: center;
    -fx-font-family: "Gill Sans MT";
    -fx-font-size: 20pt;
}
#introTextLabel {
    -fx-padding: 0 20 10 20; /* top, right, bottom, left */
}

#arrow:hover{
    -fx-cursor: hand;		
}

.tooltip{
	-fx-text-alignment: center;
}

/* MENU & PLAY BUTTONS*/

.menuButton,
.answerButton {
/*     -fx-background-color: linear-gradient(#de4446, #9f2d2f);/* red */
    -fx-background-color: linear-gradient(#6699d6, #376092); /* blue */
    -fx-background-radius: 5;
    -fx-background-insets: 0;
    -fx-text-fill: white;
    -fx-font-family: "Rockwell";
    -fx-font-size: 22pt;
    -fx-font-weight: bold;
   /* -fx-effect: dropshadow( gaussian, #6e2829, 3, 0, 0, 1); /* red */
    -fx-effect: dropshadow( gaussian, #264263, 3, 0, 0, 1); /* blue */
}

#startButton {
    -fx-background-color: linear-gradient(#1e90ff, #4169e1);
    -fx-effect: dropshadow( gaussian, #2250D9, 3, 0, 0, 1);
}
#startButton LabeledText {
    -fx-effect: dropshadow( three-pass-box , #2250D9 , 1, 0.0 , 0 , 1);
}
.playButton {
	/*-fx-background-color: linear-gradient(#de4446, #9f2d2f); /* red */
	-fx-background-color: linear-gradient(#6699d6, #376092); /* blue */
    -fx-background-radius: 115;
/*     -fx-border-radius: 100; */
    -fx-background-insets: 0;
    -fx-text-fill: white;
    -fx-font-family: "Rockwell";
    -fx-font-size: 26pt;
    -fx-font-weight: bold;
   /* -fx-effect: dropshadow( gaussian, #6e2829, 3, 0, 0, 1); /* red */
    -fx-effect: dropshadow( gaussian, #264263, 3, 0, 0, 1); /* blue */
}

/* optional shadow for button text */
.menuButton LabeledText {
  /*  -fx-effect: dropshadow( three-pass-box , #6e2829 , 1, 0.0 , 0 , 1);/* red */
    -fx-effect: dropshadow( three-pass-box , #264263 , 1, 0.0 , 0 , 1); /* blue */
}

.menuButton:hover,
.playButton:hover {
   /* -fx-background-color: linear-gradient(#de4446, #8a2c2e); /* red */
    -fx-background-color: linear-gradient(#6699d6, #172d47); /* blue */
    -fx-cursor: hand;
}

.menuButton:hover LabeledText {
    -fx-effect: dropshadow( three-pass-box , black , 1, 0.0 , 0 , 1);
}

.menuButton:pressed,
.windowTitleBar:pressed,
.playButton:pressed {
   /* -fx-background-color: linear-gradient(#cc3b3d, #8a2c2e); /* red */
    -fx-background-color: linear-gradient(#5388c7, #172d47); /* blue */
   /* -fx-effect: innershadow( gaussian, #882f31, 10, 0, 0, 0); /* red */
    -fx-effect: innershadow( gaussian, #183556, 10, 0, 0, 0); /* blue */
    -fx-cursor: hand;
}

.menuButton:pressed LabeledText {
   /* -fx-effect: dropshadow( three-pass-box , #6e2829 , 1, 0.0 , 0 , 1); /* red */
    -fx-effect: dropshadow( three-pass-box , #264263 , 1, 0.0 , 0 , 1); /* blue */
}

#startButton:pressed {
	-fx-background-color: linear-gradient(#5BADFF, #005B8A);
/*     -fx-effect: innershadow( gaussian, #882f31, 10, 0, 0, 0); */
    -fx-cursor: hand;
	
}
#progressButton {
   /* -fx-background-color: linear-gradient(#de4446, #9f2d2f); /* red */
    -fx-background-color: linear-gradient(#6699d6, #376092); /* blue */
    -fx-background-radius: 5;
    -fx-background-insets: 0;
    -fx-text-fill: white;
    -fx-font-family: "Rockwell";
    -fx-font-size: 22pt;
    -fx-font-weight: bold;
   /* -fx-effect: dropshadow( gaussian, #6e2829, 3, 0, 0, 1); /* red */
    -fx-effect: dropshadow( gaussian, #264263, 3, 0, 0, 1); /* blue */
    
/*     -fx-translate-x: 150px; margin-left for button */
}

#progressButton LabeledText {
   /* -fx-effect: dropshadow( three-pass-box , #6e2829 , 1, 0.0 , 0 , 1); /* red */
    -fx-effect: dropshadow( three-pass-box , #264263 , 1, 0.0 , 0 , 1); /* blue */
}

#progressBar {
    -fx-background-color: transparent;
    -fx-border-color: white;
    -fx-border-width: 3;
    -fx-border-radius: 5;
}

#progressBar .bar {
    -fx-background-color: white;
}

#progressBar .track {
    -fx-opacity: 0;
}

/* ANSWERS */

.answerButton {
    -fx-background-radius: 15;
    -fx-alignment: center;
    -fx-padding: 10 10 10 10;
}

.answerRadioButton {
    -fx-text-fill: white;
    -fx-font-family: "Arial Narrow";
    -fx-font-size: 15pt;
    -fx-text-alignment: center;
}
.answerRadioButtonStretched {
    -fx-text-fill: white;
    -fx-font-family: "Arial Narrow";
    -fx-font-size: 20pt;
    -fx-text-alignment: center;
}

/* 2. POPUP WINDOWS */

.popupWindow {
    -fx-background-color: white;
}

.windowTitleBar {
    -fx-background-color: linear-gradient(#de4446, #9f2d2f);
    -fx-background-radius: 5;
    -fx-background-insets: 0;
    -fx-text-fill: white;
    -fx-font-family: "Rockwell";
    -fx-font-size: 22pt;
    -fx-font-weight: bold;
    -fx-background-image: url("../images/closeButton.png");
    -fx-background-position: right;
    -fx-background-repeat: no-repeat;
}

.windowTitleBar:hover {
    -fx-cursor: hand;
}

.resultsTitleBar {
    -fx-background-color: linear-gradient(#de4446, #9f2d2f);
    -fx-background-radius: 5;
    -fx-background-insets: 0;
    -fx-text-fill: white;
    -fx-font-family: "Rockwell";
    -fx-font-size: 22pt;
    -fx-font-weight: bold;
    -fx-background-position: right;
    -fx-background-repeat: no-repeat;
}

.columnLabel2 {
    -fx-font-family: "Rockwell";
    -fx-font-size: 21pt;
    -fx-text-fill: white;
    -fx-text-alignment: center;
    -fx-alignment: center;
    -fx-background-color: linear-gradient(#de4446, #9f2d2f);
    -fx-background-radius: 5;
    -fx-padding: 5;
}

/* 2.1 ACTIONS */

#actionsComment {
    -fx-font-family: "Rockwell";
    -fx-font-size: 18pt;
    -fx-text-fill: gray;
    -fx-text-alignment: center;
    -fx-padding: 5 0 5 0;
}

.columnLabel {
    -fx-font-family: "Rockwell";
    -fx-font-size: 21pt;
    -fx-text-fill: white;
    -fx-text-alignment: center;
    -fx-alignment: center;
    -fx-background-color: #d9d9d9;
    -fx-background-radius: 5;
    -fx-padding: 5;
}

.actionButton {
    -fx-background-color: #f2f2f2;
    -fx-background-radius: 15;
    -fx-background-insets: 0;
    -fx-font-family: "Rockwell";
    -fx-font-size: 11pt;
    -fx-text-fill: #595959;
    -fx-text-alignment: center;
    -fx-padding: 10;
}

.actionRadioButton {
    -fx-font-family: "Rockwell";
    -fx-font-size: 14pt;
    -fx-font-style: italic;
    -fx-underline: true;
    -fx-font-weight: bold;
    -fx-text-fill: #5b211f;
    -fx-text-alignment: center;
}

.actionRadioButton:hover {
    -fx-cursor: hand;
}

/* 2.2 HELP SECTION */

.instructionTitle {
    -fx-font-family: "Gill Sans MT";
    -fx-font-size: 16pt;
    -fx-font-weight: bold;
    -fx-underline: true;
}

.instructionText,
#acronymsGrid {
    -fx-font-family: "Gill Sans MT";
    -fx-font-size: 16pt;
}

/* 2.3 RESULTS */

#statusChart {
    -fx-padding: 10;
    -fx-background-color: transparent;    
    -fx-font-family: "Gill Sans MT";
    -fx-font-size: 14pt;
    -fx-text-fill: #000000;    
}

.chart-bar {
    -fx-bar-fill: #22bad9;
    -fx-background-color: linear-gradient(#fe8f2a, #dd7a28);
    -fx-background-insets: 0;
    -fx-background-radius: 0;
    -fx-effect: dropshadow(gaussian, #cccccc, 6, 0, 0, 4);
}

.chart-content {
    -fx-padding: 0px;
}

.chart-plot-background {
    -fx-background-color: transparent;
}

.chart-horizontal-grid-lines {
    -fx-stroke: #f79546;
}

.chart-legend {
   -fx-background-color:  transparent;
}

.chart-ai-stakeholders {
   -fx-font-weight:  bold;
}

.axis {
    -fx-border-width: 0;
}

.axis .label {
    -fx-text-fill: #f79546;
}

#impactLegend {
    -fx-font-family: "Gill Sans MT";
    -fx-font-size: 16pt;
    -fx-text-fill: #7f7f7f;
    -fx-alignment: center;
    -fx-text-alignment: center;
    -fx-padding: 5 0 5 0;
}

#impactTable {
    -fx-padding: 0 0 17 0;
}

.impactRow {
    -fx-font-family: "Gill Sans MT";
    -fx-font-size: 14pt;
    -fx-padding: 0 0 0 35;
}

.scoreLabel {
    -fx-font-family: "Gill Sans MT";
    -fx-font-size: 15pt;
    -fx-padding: 0 0 5 0;
}

/*.scenAnswPane {
	-fx-border-color: green;
	-fx-border-width: 5;
}
.answerbox {
	-fx-border-color: red;
	-fx-border-width: 5;
}*/